<template>
	<div class="student-container student-stories-wrap">
	  <ul class="stories-list">
	        <li class="stories-item" 
	        	v-for="item in list" 
	        	v-link="{name:'story.detail',query:{id:item.id}}">
	            <div class="stories-list__info">
	              <img class="portrait" :src="item.publisher_headimgurl">
	                <span class="nickname">{{item.publisher_nick_name}}</span>
	            </div>
	            <h3>{{item.title}}</h3>
	            <div class="content" v-html="item.content"></div>
	            <p class="bottom-tools"><i class="icon-like"></i> {{item.praise_count}}</p>
	            <!-- <div class="below_box">
	                <div class="reader-content">
	                   <i class="reader-icon"></i>
	                   <strong>100</strong>
	                </div>
	                <div class="like-content">
	                   <i class="like-icon"></i>
	                   <strong>60</strong>
	                </div>
	            </div> -->
	        </li>
	 	</ul>
	 </div>
</template>
<script>
  import utils from '../utils';
  export default {
      props:[
        'list',
      ],
      data () {
          return {

          }
      },
      methods:{
      		filterHtml:utils.filterHtml
      },
      ready(){
        //console.log(list,new)
      },
      watch:{
      }
  }
</script>
<style lang="sass">
	  @import "../sass/stories.scss";
</style>
